view transitions
5 篇文章
Day 25 — 播放器持久化与 View Transitions 的兼容之战
修复播放器三连 bug（浏览器后退失效、页面切换累积 UI、URL不更新），根因直指一个空字符串的 persist-id。R2 重传 189 首。音乐库大整理：東京事変独立、专辑排序、元数据修复。
Day 23 — 性能优化：修复 25fps 卡顿与 View Transitions 主题丢失
从用户反馈的 '网页卡顿' 出发，深入诊断并修复了三层性能问题：backdrop-blur 导致 GPU 重绘过载、timeTheme.js 的 applyColor 每帧无脑调用造成 DOM 重排和 PMREM 环境贴图重建、所有页面使用硬编码颜色导致时间主题失效。同时修复了 View Transitions 切换页面后颜色回退到白色的兼容性问题。
Day 20 — 3D 场景搭建：白色空间、蜂巢网格、末影水晶与纯脚本持久化
引入 Three.js 构建 3D 背景：球面曲率蜂巢网格、银色金属末影水晶、浮动阴影，以及解决 View Transitions 导致 3D 场景闪烁的纯脚本解耦方案
Day 17 — 音乐播放器架构决策：为什么选 Astro + R2
参考 Hugo + PJAX 博客的播放器方案，分析为什么对 Astro 技术栈来说 View Transitions + R2 + D1 是更好的选择
Day 6 — 阅读面板加宽 + 透明度滑块修复 + 全站毛玻璃样式统一
阅读面板加宽到 4xl、修复 View Transitions 下透明度滑块不工作、全站返回按钮和社交图标统一毛玻璃样式